<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>寇新峰的demo8-8</title>
</head>
<style>
    *{
        margin: 0px;
        border: 0px;
        padding: 0px;
    }
    #a1 {
        width: 500px;
        height: 345px;
        margin: 0 auto;
        box-sizing: border-box;
        border: 2px red solid;
        position: relative;
    }
.a1-1 {
    width: 80px;
    height: 20px;
    margin: 30px 0px 17px 30px;
    border-left: 3px red solid;
    text-align: center;
}
.a1-2 img{
    width: 212px;
    height: 239px;
    margin-left: 30px;
}
.a1-3 img {
    width: 70px;
    height: 86px;
    position: absolute;
    top: 67px;
    right: 145px;
}
.a1-5 img {
    width: 70px;
    height: 86px;
    position: absolute;
    top: 67px;
    right: 45px;
}
.a1-3 h5{
    position: absolute;
    top: 165px;
    right: 155px;
}
.a1-5 h5 {
    position: absolute;
    top: 165px;
    right: 55px;
}
.a1-6 {
    width: 211px;
    height: 97px;
    box-sizing: border-box;
    position: absolute;
    right: 30px;
    bottom: 39px;
}
.a1-6 table tr td {
    border: 1px gray dashed;
}
</style>
<body>
    <br>
    <br>
    <div id="a1">
        <div class="a1-1">
          <h5>淘宝女装</h5>
        </div>
        <div class="a1-2">
            <img src="./寇新峰的图片库/nv_left_big.jpg" alt="图片" title="女装">
        </div>
        <div class="a1-3">
            <img src="./寇新峰的图片库/nv_small_01.jpg" alt="图片" title="女装">
            <h5>潮流美鞋</h5>
        </div>
        <div class="a1-5">
            <img src="./寇新峰的图片库/nv_small_02.jpg" alt="图片" title="女装">
            <h5>时尚包包</h5>
        </div>
        <div class="a1-6">
            <table  width="211" height="97" style="border-collapse:collapse">
                <tr>
                    <td width="50%" align="center">新品上市</td>
                    <td width="50%" align="center">女装</td>
                </tr>
                <tr>
                    <td align="center">欧美风</td>
                    <td align="center">美搭</td>
                </tr>
            </table>
        </div>
    </div>
</body>
</html>